// 
@alert-prefix: ~"@{prefix}alert";


.@{alert-prefix} {
    border-radius: 5px;
    padding: 8px 48px 8px 16px;
    margin: 10px 0px;
    background: #f6f6f6;
    border: 1px solid #eee;
    position: relative;
}
.@{alert-prefix} a.close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 20px;
    height: 20px;
    text-align: center;
    color: #333;
    opacity: 0.5;
}
.@{alert-prefix} a.close i {
    font-size: 15px;
    line-height: 20px;
}
.@{alert-prefix} a.close:hover {
    opacity: 1;
}
.@{alert-prefix} .content {
    line-height: 20px;
}

.@{alert-prefix}.info {
    border: 1px solid #c3ecff;
    background-color: #e9f8ff;
}

.@{alert-prefix}.success {
    border: 1px solid #c5efc5;
    background-color: #e9f7e9;
}

.@{alert-prefix}.warning {
    border: 1px solid #ffe6a2;
    background-color: #fff9e8;
}

.@{alert-prefix}.error {
    border: 1px solid #ecd0d0;
    background-color: #f9eaea;
}